﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />


<!--[if lt IE 9]>
<script type="text/javascript" src="../js/html5shiv.js"></script>
<script type="text/javascript" src="../js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />

<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="../js/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="../js/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>部门调动管理</title>
</head>
<body style="overflow:scroll">
	<nav class="breadcrumb" style="margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px">
		<i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 人事信息管理 <span class="c-gray en">&gt;</span> 部门调动管理
		<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
	</nav>
	<div class="panel-group" id="accordion" style="margin-top: 5px">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4 class="panel-title">
					<a data-toggle="collapse" data-parent="#accordion" 
					href="#collapseOne" class="btn btn-primary radius" style="color: #fff">
					<i class="Hui-iconfont">&#xe611;</i> 全部员工
				</a>
			</h4>
		</div>
		<div id="collapseOne" class="panel-collapse collapse">
			<div class="panel-body">
				<!-- ---------------------------------------------分页部分---------------------------------------------- -->
				<div class="page-container">

					<div class="text-c" style="text-align: left">
				     

      
						部门编号：
						<input type="text" name="" id="" style="width:120px;margin-top: 2.5px;margin-top: 2.5px" class="input-text">
						部门名称：
						<input type="text" name="" id="" style="width:120px;margin-top: 2.5px;margin-top: 2.5px" class="input-text"><br/>
						员工编号：
						<input type="text" name="" id="" style="width:120px;margin-top: 2.5px;margin-top: 2.5px" class="input-text">
						员工名称：
						<input type="text" name="" id="" style="width:120px;margin-top: 2.5px;margin-top: 2.5px" class="input-text"><br>

						日期范围：
						<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate" style="width:120px;margin-top: 2.5px;margin-top: 2.5px">
						-
						<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate" style="width:120px;margin-top: 2.5px;margin-top: 2.5px">

						<button name="" id="" class="btn btn-success" type="submit" style="margin-top: 2.5px;margin-top: 2.5px"><i class="Hui-iconfont">&#xe665;</i> 查询</button>
					</div>
					<div class="cl pd-5 bg-1 bk-gray mt-20">  <span class="r">共有数据：<strong>54</strong> 条</span> </div>
					<div class="mt-20">
						<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive" id="all">
							<thead>
								<tr class="text-c">
										
								<th width="100">部门编号</th>
								<th width="100">部门名称</th>
								<th width="100">员工编号</th>
								<th width="100">员工名称</th>
								<th width="150">就职状态</th>
								<th width="250">备注</th>
								<th width="100">调动</th>
								</tr>
							</thead>
							<tbody>
								<tr class="text-c">
									
									<td>1</td>
									<td>技术部门</td>
									<td>10001</td>
									<td>刘世兴</td>
									<td class="td-status"><span class="label label-success radius">在职</span></td>
									<td>长得帅</td>
									<td class="f-14 td-manage">
										<a style="text-decoration:none" class="ml-5" onClick="editpage('部门调动','department_window.jsp','10001')" href="javascript:;" title="编辑">
											<i class="Hui-iconfont">&#xe6df;</i>
										</a> 
										
									</td>
							
								</tr>
								<tr class="text-c">
									
									
									<td>2</td>
									<td>公关部门</td>
									<td>10002</td>
									<td>李振</td>
									<td class="td-status"><span class="label label-success radius">在职</span></td>
									<td>长得帅</td>
									<td class="f-14 td-manage">
										<a style="text-decoration:none" class="ml-5" onClick="editpage('部门调动','department_window.jsp','10001')" href="javascript:;" title="编辑">
											<i class="Hui-iconfont">&#xe6df;</i>
										</a> 
										
									</td>
									
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<!-- ---------------------------------------------分页部分---------------------------------------------- -->
			</div>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" 
				href="#collapseTwo" class="btn btn-primary radius" style="color: #fff">

				<i class="Hui-iconfont">&#xe611;</i>已调动员工
			</a>
		</h4>
	</div>
	<div id="collapseTwo" class="panel-collapse collapse">
		<div class="panel-body">
			<!-- ---------------------------------------------分页部分---------------------------------------------- -->
			
			<div class="page-container" style="padding-top: 0px">
    
                    <div class="text-c" style="text-align: left">
                        <br>
                       
					员工编号：
					<input type="text" name="" id="" style="width:120px;margin-top: 2.5px;margin-top: 2.5px" class="input-text">
					员工姓名：
					<input type="text" name="" id="" style="width:120px;margin-top: 2.5px;margin-top: 2.5px" class="input-text">
					<br>
					调动类型：
					<select class="select" name="transfer" style="width:120px;height: 31px;margin-top: 2.5px;margin-top: 2.5px" >
						<option value="0">主动调动</option>
						<option value="1">被动调动</option>
						<option value="2">数据错误</option>

					</select>
<br>
					日期范围：
					<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate" style="width:120px;margin-top: 2.5px;margin-top: 2.5px">
					-
					<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate" style="width:120px;margin-top: 2.5px;margin-top: 2.5px">

					<button name="" id="" class="btn btn-success" type="submit" style="margin-top: 2.5px;margin-top: 2.5px"><i class="Hui-iconfont">&#xe665;</i> 查询</button>
                    </div>
                    <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l">查询结果</span> <span class="r">共有数据：<strong>54</strong> 条</span> </div>
                    <div class="mt-20">
                        <table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
                            <thead>
                                <tr class="text-c">
                                 	<th width="80">员工编号</th>
								<th width="80">员工名称</th>
								<th width="120">调转后的部门</th>
								<th width="100">调转类型</th>
								<th width="150">调转原因</th>
								<th width="250">备注</th>
								<th width="150">调动日期</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="text-c">
                                  	
								<td>10001</td>
								<td>刘世兴</u></td>
								<td>营销部门</td>
								<td>主动调动</td>
								<td>无</td>
								<td>无</td>
								<td>2014-6-11 11:11:42</td>
							
                                </tr>
                                <tr class="text-c">
                            
								<td>10002</td>
								<td>李振</u></td>
								<td>管理部门</td>
								<td>主动调动</td>
								<td>无</td>
								<td>无</td>
								<td>2014-6-11 11:11:42</td>
								
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

			<!-- ---------------------------------------------分页部分---------------------------------------------- -->

		</div>
	</div>
</div>

</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../js/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/layer/2.4/layer.js"></script>
<script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../js/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="../js/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../js/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
$('.table-sort').dataTable({
	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
	"bStateSave": true,//状态保存
	"pading":false
	
});


	/*资讯-编辑*/
	function editpage(title,url,id,w,h){

		layer_show(title,url,w,h);
	}
	
	


</script> 
</body>
</html>